    @charset "UTF-8";

@import "base/base";
@import "img";
@import "modules/header";
@import "modules/footer";
@import "modules/detail";
@import "modules/agreement";
@import "modules/window";


body {
    font: $b-font-weight #{$b-font-size}/#{$b-line-height} $b-font-family;
    color: $c-text;
    font-family: "Microsoft Yahei";
    a {
        text-decoration: none;
        color: nth($c-link, 1);
        &:hover {
            text-decoration: underline;
            color: nth($c-link, 2);
        }
    }
}

.login {
	width: 700px;
	background: #fff;
	margin: 85px auto;
    overflow: hidden;
}

.login-left {
	width: 300px;
	height: 440px;
	text-align: center;
	float: left
}

.login-left img {
	margin-top: 173px;
	width: 156px;
	height: 80px
}

.login-right {
	float: left;
	width: 300px;
	padding: 40px 50px 0
}

.login-role {
	width: 268px;
	margin: 0 auto;
    overflow: hidden;
}

.login-role li {
	width: 82px;
	text-align: center;
	color: #a8a8a8;
	font-size: 16px;
	float: left;
	margin: 0 25px;
	cursor: pointer
}

.login-role li.is-active {
	color: #ff8300
}

.login-role li.is-active .login-role-img {
	background-color: #ff8300
}

.login-role-img {
	width: 82px;
	height: 82px;
	background: #dadada;
	border-radius: 40px
}

.login-role-img img {
	float: left;
	margin: 17px 0 0 17px
}

.login-form {
	margin-top: 40px
}

.login-form__item {
	height: 47px;
	margin-bottom: 12px;
	position: relative
}

.login-form__item input {
	width: 300px;
	height: 28px;
	line-height: 28px;
	border: 0;
	border-bottom: 1px solid #ccc;
	margin-top: 12px;
	font-size: 14px;
	outline: 0
}

.login-form__item .tips {
	color: red;
	position: absolute;
	top: 42px;
	left: 2px
}

.login-toForget {
	color: #ff8300;
	font-size: 14px;
	font-weight: 500;
	margin-left: 210px;
	margin-top: 5px;
	display: block;
	float: right
}

.login-btn {
	padding-top: 20px;
	width: 300px
}

.login-btn a,.login-btn span {
	width: 138px;
	height: 40px;
	line-height: 40px;
	text-align: center
}

.login-btn a {
	float: left;
	border: 1px solid #aaa;
	color: #aaa;
	background: #fff;
	border-radius: 6px
}

.login-btn a:hover {
	border: 1px solid #aaa;
	color: #fff;
	background: #aaa
}

.login-btn span {
	cursor: pointer;
	border: 1px solid #fd8324;
	color: #fff;
	background: #fd8324;
	border-radius: 6px;
	float: right
}

.register {
	width: 100%;
	background: #f8f8f8;
	padding: 85px 0
}

.register-main {
	width: 800px;
	background: #fff;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 48px
}

.logo {
	display: block;
	width: 156px;
	height: 80px;
	margin: 20px auto 50px
}

.role {
	margin-left: 300px;
    overflow: hidden;
}

.role li {
	width: 82px;
	text-align: center;
	color: #a8a8a8;
	font-size: 16px;
	float: left;
	margin-right: 50px;
	cursor: pointer
}

.role li.is-active {
	color: #ff8300
}

.role li.is-active .role-img {
	background-color: #ff8300
}

.role-img {
	width: 82px;
	height: 82px;
	background: #dadada;
	border-radius: 40px
}

.role-img img {
	float: left;
	margin: 17px 0 0 17px
}[data-role=imgcodemain] {
	float: left;
	width: 75px;
	margin-left: 10px;
	cursor: pointer
}

.forget {
	width: 800px;
	height: 580px;
	margin: 40px auto;
	background: #fff;
	padding-top: 50px
}

.forget h2 {
	text-align: center;
	color: #333;
	font-size: 26px
}

.gorget-tips {
	color: #666;
	font-size: 14px;
	margin-bottom: 10px;
	text-align: center
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	direction: ltr;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	-moz-transition-property: -moz-transform,left,top;
	-moz-transition-duration: 0s;
	-moz-transform: translate3d(0,0,0);
	-moz-transition-timing-function: ease;
	-o-transition-property: -o-transform,left,top;
	-o-transition-duration: 0s;
	-o-transition-timing-function: ease;
	-o-transform: translate(0,0);
	-ms-transition-property: -ms-transform,left,top;
	-ms-transition-duration: 0s;
	-ms-transform: translate3d(0,0,0);
	-ms-transition-timing-function: ease;
	-webkit-transition-property: -webkit-transform,left,top;
	transition-property: transform,left,top;
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x
}

.mediaLogined {
	position: relative;
	width: 100%;
	min-height: 500px
}

.mediaLogined [region=center] {
	margin-left: 100px
}

.mediaLogined-nav {
	position: absolute;
	left: 0;
	top: 0;
	width: 180px;
	height: 100%;
	background-color: #2f3436;
	overflow-x: scroll
}

.mediaLogined-nav>li {
	box-shadow: none;
	background: 0 0;
	border-top: 1px solid #454a4b;
	border-bottom: 1px solid #1d2021;
	margin: 0;
	cursor: pointer;
	position: relative
}

.mediaLogined-nav>li.is-active a {
	color: #fff;
	background-color: #ff6c00
}

.mediaLogined-nav .drap,.mediaLogined-nav .drap-list li {
	height: 26px;
	font-weight: 300;
	background: #2f3436;
	text-decoration: none
}

.mediaLogined-nav .drap {
	display: block;
	position: relative;
	border: 0;
	line-height: 26px;
	padding: 10px 0 10px 40px;
	font-size: 14px;
	color: #a9aaaa
}

.mediaLogined-nav .drap.ext-down .drap-ico {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.mediaLogined-nav .drap-ico {
	position: absolute;
	left: 20px;
	top: 18px;
	font-size: 0;
	line-height: 0;
	border-width: 6px 0 6px 6px;
	border-color: transparent #aeb9c2;
	border-style: dashed dashed dashed solid
}

.mediaLogined-nav .drap-list li {
	line-height: 26px;
	padding: 10px 0 10px 55px;
	font-size: 13px
}

.mediaLogined-nav .drap-list li.is-active {
	background-color: #ff6c00
}

.mediaLogined-nav .drap-list li.is-active a {
	color: #fff
}

.mediaLogined-nav .drap-list li a {
	color: #a9aaaa
}

.mediaLogined-right {
	padding-left: 180px
}

.mediaLogined-add {
	margin: 40px;
	overflow: hidden
}

.mediaLogined-add__logo {
	float: left;
	width: 60px;
	height: 36px;
	line-height: 36px;
	margin-right: 15px;
	text-align: center;
	color: #333;
	border-radius: 8px;
	background-color: #f4f4f4;
	border: 1px solid #ccc
}

.mediaLogined-add__item {
	float: left;
	margin-right: 15px;
	line-height: 36px;
	border-radius: 8px;
	background-color: #ff6c00
}

.mediaLogined-add__item a {
	display: block;
	padding: 0 15px;
	height: 100%;
	color: #fff
}

.mediaLogined-add__item a:hover {
	color: #fff
}

.mediaLogined-main {
	width: 95%;
	margin: 0 auto
}

.mediaLogined-main table {
	border: 1px solid #dbdbdb;
	width: 100%;
	margin-bottom: 20px;
    border-collapse: collapse;
    border-spacing: 0;
}

.mediaLogined-main table th {
	background-color: #f4f4f4;
	height: 50px;
	line-height: 50px;
	text-align: center
}

.mediaLogined-main table th.first {
	text-indent: 55px;
	text-align: left
}

.mediaLogined-main table td {
	height: 70px;
	text-align: center;
	background-color: #fff
}

.mediaLogined-main table .tr-main img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-left: 20px;
	float: left
}

.mediaLogined-main table .tr-main .tr-main__name {
	width: 60%;
	float: left;
	margin-left: 20px
}

.mediaLogined-main table .tr-main .tr-main__name p {
	line-height: 24px;
	width: 100%;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-align: left
}

.mediaLogined-main table .tr-control {
	width: 116px;
	margin: 0 auto
}

.mediaLogined-main table .tr-control a.ext-disable {
	background-color: #ccc;
	cursor: not-allowed
}

.mediaLogined-main table .tr-control a {
	float: left;
	padding: 3px 10px;
	background: #ff6c00;
	color: #fff;
	border-radius: 5px;
	margin-right: 10px
}

.mediaLogined-main__tit {
	line-height: 50px;
	clear: both
}

.mediaLogined-wxlogin {
	width: 900px;
	margin: 0 auto
}

.mediaLogined-wxlogin a {
	display: block;
	margin: 0 auto;
	height: 50px;
	line-height: 50px;
	background-color: #5fbf31;
	font-size: 16px;
	color: #fff;
	padding: 0 15px;
	border-radius: 3px;
	text-align: center;
	width: 200px
}

.mediaLogined-wxlogin a:before {
	content: "";
	display: inline-block;
	width: 35px;
	height: 29px;
	background: url(../img/weixin-logo.png?v=1493379044197) no-repeat;
	margin-right: 8px;
	vertical-align: middle
}

.mediaLogined-wxlogin a:hover {
	color: #fff
}

.mediaLogined-wxlogin__tips {
	font-size: 14px;
	color: #999;
	margin: 30px 0 40px;
	text-align: center
}

.mediaLogined-wxlogin__intro {
	margin-top: 60px;
	margin-bottom: 50px;
	border: 2px solid #eae9e9;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: relative
}

.mediaLogined-wxlogin__intro h4 {
	background: #eff0f3;
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -95px;
	font-size: 14px;
	padding: 0 20px;
	color: #999
}

.mediaLogined-wxlogin__intro ul {
	padding: 40px 0;
	overflow: hidden
}

.mediaLogined-wxlogin__intro li {
	float: left;
	width: 33%;
	text-align: center
}

.mediaLogined-wxlogin__intro li p {
	text-align: center
}

.mediaLogined-wxlogin__intro li p.tit {
	font-size: 16px;
	color: #666
}

.mediaLogined-wxlogin__intro li p.txt {
	color: #999
}

.mediaLogined-wxlogin__intro li.grant:before {
	content: "";
	width: 91px;
	height: 91px;
	display: inline-block;
	margin-bottom: 10px;
	background: url(../img/auth-info-icons.png?v=1493379044197) no-repeat;
	opacity: .5
}

.mediaLogined-wxlogin__intro li.free:before,.mediaLogined-wxlogin__intro li.safe:before {
	width: 91px;
	opacity: .5;
	height: 90px;
	margin-bottom: 9px;
	content: "";
	display: inline-block
}

.mediaLogined-wxlogin__intro li.free:before {
	background: url(../img/auth-info-icons.png?v=1493379044197) 0 -91px no-repeat
}

.mediaLogined-wxlogin__intro li.safe:before {
	background: url(../img/auth-info-icons.png?v=1493379044197) 0 -181px no-repeat
}

.mediaLogined-main__success {
	overflow: hidden
}

.mediaLogined-form {
	margin-left: 60px
}

.mediaLogined-form .form-item {
	margin-bottom: 10px
}

.mediaLogined-form .form-item input {
	float: none
}

.mediaLogined-form .form-item__name {
	width: 130px
}

.mediaLogined-form .form-submit {
	margin-left: 120px;
	margin-top: 30px
}

.mediaLogined-form .form-submit.ext-edit {
	width: 100px;
	float: left;
	margin-left: 80px
}

.index-ad {
	width: 1130px;
	height: 300px;
	margin: 20px auto
}

.swiper-btn {
	width: 40px;
	height: 74px;
	position: absolute;
	top: 50%;
	margin-top: -37px;
	background-image: url(../img/btn-focus.png?v=1493379044197);
	cursor: pointer
}

.swiper-btn.ext-prev {
	left: 0;
	background-position: 0 74px
}

.swiper-btn.ext-prev:hover {
	background-position: 0 0
}

.swiper-btn.ext-next {
	right: 0;
	background-position: 40px 74px
}

.swiper-btn.ext-next:hover {
	background-position: 40px 0
}

.index-item {
	width: 1130px;
	margin: 20px auto;
	position: relative;
	overflow: hidden
}

.index-item h2 {
	padding: 5px;
	line-height: 30px;
	margin-bottom: 10px
}

.index-item h2 a {
	position: absolute;
	right: 5px;
	font-weight: 400;
	font-size: 14px
}

.index-list {
	margin-right: -20px;
	overflow: hidden
}

.index-list li {
	position: relative;
	float: left;
	width: 263px;
	height: 184px;
	margin-right: 20px;
	border: 1px solid #ccc;
	text-align: center;
	border-radius: 10px;
	background-color: #f5f5f5
}

.index-list li a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2
}

.index-list .list-img {
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin: 10px auto;
	border: 2px solid #fff
}

.index-list p {
	margin: 0 auto;
	overflow: hidden
}

.company-info {
	border-right: 1px solid #ccc
}

.index-list p {
	color: #333;
	line-height: 30px;
	width: 220px;
	height: 30px;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	text-align: center
}

// .detail {
// 	width: 1150px
// }
//
// .detail [region=center] {
// 	margin-left: 50px
// }
//
// .detail-top {
// 	width: 1068px;
// 	margin: 20px auto;
// 	padding: 40px;
// 	border: 1px solid #ccc;
// 	border-radius: 10px;
// 	overflow: hidden;
// 	background-color: #fff
// }
//
// .detail-top__left {
// 	float: left;
// 	width: 120px
// }
//
// .detail-top__img {
// 	width: 120px;
// 	height: 120px;
// 	border-radius: 50%
// }
//
// .detail-top__qq {
// 	width: 80px;
// 	margin: 10px auto
// }
//
// .detail-info p,.detail-price p {
// 	margin-top: 10px
// }
//
// .detail-info {
// 	position: relative;
// 	float: left;
// 	width: 460px;
// 	margin-left: 30px;
// 	padding-right: 220px
// }
//
// .detail-info p {
// 	width: 410px
// }
//
// .detail-info__fixed {
// 	position: absolute;
// 	top: 0;
// 	right: 0;
// 	width: 220px
// }
//
// .detail-info__fixed img {
// 	width: 130px;
// 	height: 130px;
// 	margin-left: 45px;
// 	margin-bottom: 15px
// }
//
// .detail-info__fixed p {
// 	width: 220px;
// 	text-align: center
// }
//
// .detail-price {
// 	float: left;
// 	margin-left: 30px;
// 	width: 170px
// }
//
// .detail-left {
// 	float: left;
// 	width: 210px;
// 	overflow: hidden
// }
//
// .detail-left__tit {
// 	text-indent: 12px;
// 	line-height: 45px;
// 	border-bottom: 1px solid #ccc
// }
//
// .detail-recom p,.detail-studio p {
// 	line-height: 24px;
// 	text-align: center;
// 	text-overflow: ellipsis;
// 	white-space: nowrap
// }
//
// .detail-studio {
// 	border: 1px solid #ccc;
// 	border-radius: 10px;
// 	background-color: #fff;
// 	overflow: hidden
// }
//
// .detail-studio img {
// 	width: 120px;
// 	height: 120px;
// 	border-radius: 50%;
// 	margin: 15px 45px
// }
//
// .detail-studio p {
// 	margin-left: 10px;
// 	width: 190px;
// 	overflow: hidden
// }
//
// .detail-studio a {
// 	display: block;
// 	width: 100px;
// 	margin: 15px auto;
// 	background-color: #ccc;
// 	padding: 6px 12px;
// 	border-radius: 8px
// }
//
// .detail-recom,.detail-right {
// 	background-color: #fff;
// 	overflow: hidden
// }
//
// .detail-studio a:hover {
// 	color: #333
// }
//
// .detail-recom {
// 	border: 1px solid #ccc;
// 	border-radius: 10px;
// 	margin-top: 15px
// }
//
// .detail-recom img {
// 	width: 120px;
// 	height: 120px;
// 	border-radius: 50%;
// 	margin: 15px 45px
// }
//
// .detail-recom p {
// 	margin-left: 10px;
// 	width: 190px;
// 	overflow: hidden
// }
//
// .detail-recom ul {
// 	padding-bottom: 15px
// }
//
// .detail-recom ul li {
// 	padding-bottom: 10px;
// 	border-bottom: 1px solid #ccc
// }
//
// .detail-recom ul li:last-child {
// 	border-bottom: none
// }
//
// .detail-right {
// 	border: 1px solid #ccc;
// 	border-radius: 10px;
// 	float: right;
// 	width: 860px;
// 	padding: 15px 20px
// }
//
// .detail-right__tit {
// 	line-height: 60px
// }[data-role=mediaIntro] {
// 	margin-bottom: 5px
// }
//
// .detail-table {
// 	width: 810px;
// 	margin-left: 50px
// }
//
// .detail-table td,.detail-table th {
// 	line-height: 34px;
// 	text-align: center
// }[data-role=successDemo] li h4 {
// 	line-height: 32px;
// 	font-size: 14px
// }[data-role=successDemo] li p {
// 	line-height: 26px;
// 	text-indent: 10px
// }[data-role=history-article] li {
// 	padding-bottom: 15px;
// 	border-bottom: 1px solid #ccc;
// 	overflow: hidden;
// 	margin-bottom: 15px
// }[data-role=history-article] li:last-child {
// 	border-bottom: 0
// }[data-role=history-article] li p {
// 	color: #999;
// 	line-height: 30px;
// 	font-size: 12px
// }[data-role=history-article] li .controls span {
// 	color: #999;
// 	float: left;
// 	position: relative
// }[data-role=history-article] li .controls .controls-read {
// 	padding-left: 22px;
// 	padding-right: 15px
// }[data-role=history-article] li .controls .controls-read:before {
// 	content: "";
// 	position: absolute;
// 	left: 2px;
// 	top: 3px;
// 	width: 16px;
// 	height: 16px;
// 	background: url(../img/ico-read.png?v=1493379044197) center center no-repeat
// }[data-role=history-article] li .controls .controls-zan {
// 	padding-left: 22px
// }[data-role=history-article] li .controls .controls-zan:before {
// 	content: "";
// 	position: absolute;
// 	left: 2px;
// 	top: 2px;
// 	width: 16px;
// 	height: 16px;
// 	background: url(../img/ico-zan.png?v=1493379044197) center center no-repeat
// }[data-role=history-article] li .controls .controls-time {
// 	float: right;
// 	margin-right: 200px
// }

.company {
	width: 1150px;
	margin: 0 auto;
	overflow: hidden
}

.company-top {
	width: 1068px;
	margin: 20px auto;
	padding: 40px;
	border: 1px solid #ccc;
	border-radius: 10px;
	background-color: #f5f5f5;
	overflow: hidden
}

.company-top__img {
	float: left;
	width: 120px;
	height: 120px;
	border-radius: 50%
}

.company-info {
	position: relative;
	float: left;
	width: 460px;
	margin-left: 30px;
	padding-right: 220px
}

.company-info p {
	margin-top: 10px;
	width: 410px
}

.company-info__fixed {
	position: absolute;
	top: 0;
	right: 0;
	width: 220px
}

.company-info__fixed img {
	width: 130px;
	height: 130px;
	margin-left: 45px;
	margin-bottom: 15px
}

.company-info__fixed p {
	width: 220px;
	text-align: center
}

.company-tit {
	line-height: 60px
}

.company-tab {
	overflow: hidden
}

.company-tab li {
	height: 24px;
	line-height: 24px;
	float: left;
	cursor: pointer;
	padding: 0 10px;
	border-right: 1px solid #666
}

.company-tab li.is-active {
	color: #ff6c00
}

.file-item .delPic,.uploaded span {
	left: 0;
	bottom: 0;
	line-height: 20px;
	background-color: rgba(0,0,0,.5);
	color: #fff;
	cursor: pointer;
	text-align: center
}

.company-tab li:last-child {
	border-right: 0
}

.company-content__item {
	display: none;
	margin-left: 0;
	margin-top: 30px
}

#fileList,#fileList1,.uploaded {
	margin-left: 150px
}

.company-uploadimg {
	float: left;
	width: 84px;
	margin-left: 120px
}

.file-item {
	position: relative;
	width: 80px;
	height: 80px;
    margin-bottom: 20px;
}

.file-item .delPic {
	position: absolute;
	width: 100%;
	height: 20px
}

.uploaded {
	width: 80px;
	height: 80px;
	position: relative;
	float: left
}

.uploaded img {
	width: 100%;
	height: 100%
}

.uploaded span {
	position: absolute;
	height: 20px;
	width: 100%
}

.uploaded-wrap {
	overflow: hidden;
	clear: both
}

.uploaded-wrap p {
	float: left;
	line-height: 80px;
	margin-left: 20px
}

.select {
	width: 1160px;
	margin: 24px auto 0
}

.select-tab {
	border: 1px solid #f0f0f0;
	padding-top: 25px;
	padding-bottom: 25px;
	background: #fff;
	overflow: hidden
}

.select-tab__tit {
	margin-left: 80px;
	margin-bottom: 20px;
	border-left: 4px solid #6ca9f4;
	padding-left: 13px;
	font-size: 20px
}

.select-tab__item {
	position: relative;
	height: 34px;
	overflow: hidden;
	padding-bottom: 20px;
	width: 91%;
	float: left;
	border-bottom: 1px dashed #dfdfdf;
	margin-left: 80px;
	font-size: 12px
}

.select-tab__item:last-child {
	border: none
}

.select-tab__item .left_zhlx {
	float: left;
	margin-top: 15px;
	font-weight: 700;
	width: 80px
}

.select-tab__item .left_show2 {
	margin-left: 56px;
	float: left;
	cursor: pointer;
	margin-right: 44px;
	margin-top: 15px
}

.select-tab__item .is-active {
	color: #ffab00
}

.select-tab__item .list-tag {
	float: left;
	width: 82%;
	color: #999
}

.select-tab__item .item-tag {
	padding-bottom: 21px;
	border-bottom: 1px dashed #ccc;
	float: left;
	margin-top: 15px;
	padding-left: 30px;
	text-align: center
}

.select-tab__item .item-tag.is-active {
	color: #ffab00
}

.select-tab__item .item-tag span {
	cursor: pointer
}

.select-tab__item .more {
	position: absolute;
	top: 12px;
	right: 20px;
	height: 26px;
	line-height: 26px;
	padding: 0 6px;
	border: 1px solid #B3B3B3;
	border-radius: 3px;
	cursor: pointer;
	font-weight: 700;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.select-content {
	border-top: 1px solid #f2f2f2;
	border-left: 1px solid #f2f2f2;
	width: 1160px;
	height: auto;
	border-right: none;
	margin-top: 45px;
	overflow: hidden
}

.select-content table {
	border: 1px solid #dbdbdb;
	width: 100%;
	margin-bottom: 20px;
    border-collapse: collapse;
    border-spacing: 0;
}

.select-content table th {
	background-color: #e0e0e0;
	height: 50px;
	color: #979797;
	line-height: 50px;
	text-align: center
}

.select-content table th.first {
	text-indent: 55px;
	text-align: left
}

.select-content table td {
	height: 70px;
	background-color: #fff;
	text-align: center
}

.select-content table .tr-main img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-left: 20px;
	float: left
}

.select-content table .tr-main .tr-main__name {
	width: 60%;
	float: left;
	margin-left: 20px
}

.select-content table .tr-main .tr-main__name p {
	line-height: 24px;
	width: 100%;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	text-align: left
}

.select-content table .tr-main .tr-main__name p.item-desc {
	width: 300px;
	color: #ccc
}

.select-content table .tr-control a.ext-disable {
	background-color: #ccc;
	cursor: not-allowed
}

.select-content table .tr-control a {
	float: left;
	padding: 3px 10px;
	background: #ff6c00;
	color: #fff;
	border-radius: 5px;
	margin-right: 10px
}

.webuploader-pick,.webuploader-pick-hover {
	background: #ff8300
}

.webuploader-container {
	position: relative
}

.webuploader-element-invisible {
	position: absolute!important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px)
}

.webuploader-pick {
	position: relative;
	display: inline-block;
	cursor: pointer;
	padding: 10px 15px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	overflow: hidden
}

.webuploader-pick-disable {
	opacity: .6;
	pointer-events: none
}

body {
	font: 300 12px/1.5 "San Francisco","Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
	color: #333;
	font-family: "Microsoft Yahei";
	background-color: #eff0f3;
	font-size: 14px
}

.form-item .sendcode,.form-submit {
	background: #ff8300;
	font-size: 14px;
	cursor: pointer
}

body a {
	text-decoration: none;
	color: #333
}

body a:hover {
	text-decoration: none;
	color: #fa0
}

.form {
	width: 430px;
	margin: 50px auto 0
}

.form .toOther {
	line-height: 30px;
	margin-left: 64px
}

.form .toOther a {
	color: #ff8300
}

.form-item {
	position: relative;
	margin-bottom: 22px
}

.form-item:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.form-item .tips {
	color: red;
	position: absolute;
	top: 30px;
	left: 102px
}

.form-item .hetong {
	float: left;
	line-height: 26px;
	margin-left: 10px
}

.form-item .hetong a {
	color: #ff8300
}

.form-item input {
	float: left;
	width: 280px;
	height: 26px;
	border: 1px solid #ccc;
	padding-left: 10px;
	border-radius: 5px;
	outline: 0
}

.form-item input.ext-code {
	width: 150px
}

.form-item select {
	height: 26px;
	line-height: 26px;
	outline: 0;
	width: 80px;
	margin-right: 8px
}

.form-item .sendcode {
	border-radius: 5px;
	float: left;
	width: 120px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	margin-left: 10px
}

.form-item__avatar {
	width: 80px;
	height: 80px
}

.form-item__fixed,.form-item__name,.form-item__tag,.form-item__txt {
	height: 30px;
	float: left
}

.form-item__tag {
	margin-left: 0!important;
	padding: 0!important;
	clear: none!important
}

.form-item__name {
	line-height: 30px;
	width: 80px;
	text-align: right;
	margin-right: 20px;
	color: #666
}

.form-item__name em {
	color: red
}

.form-item__fixed {
	line-height: 30px;
	width: 290px;
	overflow: hidden
}

.form-item__txt {
	color: #666;
	line-height: 30px
}

.form-submit {
	width: 300px;
	margin: 0 auto 30px;
	text-align: center;
	color: #fff;
	border: 1px solid #ff8300;
	border-radius: 5px;
	padding: 5px 0
}

.verticalAlign {
	vertical-align: middle;
	display: inline-block;
	height: 100%;
	margin-left: -1px
}

.xcConfirm .xc_layer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	opacity: .5;
	z-index: 2147000000
}

.xcConfirm .popBox {
	position: fixed;
	left: 50%;
	top: 50%;
	background-color: #fff;
	z-index: 2147000001;
	width: 570px;
	height: 300px;
	margin-left: -285px;
	margin-top: -150px;
	border-radius: 5px;
	font-weight: 700;
	color: #535e66
}

.xcConfirm .popBox .ttBox {
	height: 30px;
	line-height: 30px;
	padding: 14px 30px;
	border-bottom: solid 1px #eef0f1
}

.xcConfirm .popBox .ttBox .tt {
	font-size: 18px;
	display: block;
	float: left;
	height: 30px;
	position: relative
}

.xcConfirm .popBox .ttBox .clsBtn {
	display: block;
	cursor: pointer;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 22px;
	right: 30px;
	background: url(../img/icons.png?v=1493379044197) -48px -96px no-repeat
}

.xcConfirm .popBox .txtBox {
	margin: 40px 100px;
	height: 100px;
	overflow: hidden
}

.xcConfirm .popBox .txtBox .bigIcon {
	float: left;
	margin-right: 20px;
	width: 48px;
	height: 48px;
	background-image: url(../img/icons.png?v=1493379044197);
	background-repeat: no-repeat;
	background-position: 48px 0
}

.xcConfirm .popBox .txtBox p {
	height: 84px;
	margin-top: 16px;
	line-height: 26px;
	overflow-x: hidden;
	overflow-y: auto
}

.xcConfirm .popBox .txtBox p input {
	width: 364px;
	height: 30px;
	border: 1px solid #eef0f1;
	font-size: 18px;
	margin-top: 6px
}

.xcConfirm .popBox .btnArea {
	border-top: solid 1px #eef0f1
}

.xcConfirm .popBox .btnGroup {
	float: right
}

.plus-tag a em,.plus-tag a span,.plus-tag-add a,.plus-tag-add button,.tagbtn a {
	float: left
}

.xcConfirm .popBox .btnGroup .sgBtn {
	margin-top: 14px;
	margin-right: 10px
}

.xcConfirm .popBox .sgBtn {
	display: block;
	cursor: pointer;
	float: left;
	width: 95px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #FFF;
	border-radius: 5px
}

.xcConfirm .popBox .sgBtn.ok {
	background-color: #fd8324;
	color: #FFF
}

.xcConfirm .popBox .sgBtn.cancel {
	background-color: #546a79;
	color: #FFF
}

.ui-ios-overlay {
	z-index: 9999999;
	position: fixed;
	top: 50%;
	left: 50%;
	padding: 0 10px;
	width: 280px;
	height: 50px;
	overflow: hidden;
	margin-left: -140px;
	margin-top: -25px;
	line-height: 50px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
	background: rgba(0,0,0,.8);
	border-radius: 5px
}

.ui-ios-overlay .title {
	color: #FFF;
	font-weight: 700;
	text-align: center;
	display: block;
	font-size: 14px;
	line-height: 50px;
	width: 100%
}

.ui-ios-overlay img {
	display: block;
	margin: 20% auto 0
}

.ui-ios-overlay .spinner {
	left: 50%!important;
	top: 40%!important
}

.ios-overlay-show {
	-webkit-animation-name: ios-overlay-show;
	animation-name: ios-overlay-show;
	-webkit-animation-duration: 750ms;
	animation-duration: 750ms
}

@-webkit-keyframes ios-overlay-show {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-moz-keyframes ios-overlay-show {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-ms-keyframes ios-overlay-show {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-o-keyframes ios-overlay-show {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes ios-overlay-show {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.ios-overlay-hide {
	-moz-animation-name: ios-overlay-hide;
	-moz-animation-duration: 750ms;
	-moz-animation-fill-mode: forwards;
	-ms-animation-name: ios-overlay-hide;
	-ms-animation-duration: 750ms;
	-ms-animation-fill-mode: forwards;
	-o-animation-name: ios-overlay-hide;
	-o-animation-duration: 750ms;
	-o-animation-fill-mode: forwards;
	-webkit-animation-name: ios-overlay-hide;
	animation-name: ios-overlay-hide;
	-webkit-animation-duration: 750ms;
	animation-duration: 750ms;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

@-webkit-keyframes ios-overlay-hide {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-moz-keyframes ios-overlay-hide {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-ms-keyframes ios-overlay-hide {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-o-keyframes ios-overlay-hide {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes ios-overlay-hide {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.pageview {
	margin: 10px 0;
	text-align: right;
	line-height: 20px;
	font-size: 12px;
	letter-spacing: -3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.pageview .ellipsis,.pageview>a,.pageview>span {
	margin-left: 5px;
	letter-spacing: 0
}

.pageview>a,.pageview>span {
	border: 1px solid #ddd;
	color: #666;
	padding: 1px 8px;
	display: inline-block;
	vertical-align: middle;
	width: auto
}

.pageview .ico {
	font-size: 16px;
	font-weight: 700
}

.pageview .over {
	color: #ccc;
	cursor: not-allowed;
	background-color: #f3f3f3
}

.pageview .over .ico {
	color: #ccc
}

.pageview .next,.pageview .prev {
	padding: 0 5px
}

.pageview .current,.pageview a:hover {
	background-color: #666;
	border-color: #666;
	color: #fff;
	text-decoration: none
}

.pageview .current {
	font-weight: 700
}

.pageview .current.next,.pageview .current.prev {
	color: #ccc;
	cursor: not-allowed;
	background-color: #f3f3f3;
	border: 1px solid #ccc
}

.plus-tag a:hover,.tagbtn a {
	color: #333
}

.default-tag a,.default-tag a span,.plus-tag a,.plus-tag a em,.plus-tag-add a {
	background: url(../img/tagbg.png?v=1493379044197) no-repeat
}

.tagbtn a {
	display: block;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	margin: 2px 10px 0 0;
	padding: 0 10px 0 5px;
	white-space: nowrap
}

.default-tag {
	padding: 6px 0 20px;
	clear: both;
	width: 750px;
	margin-left: 120px;
	overflow: hidden
}

.default-tag a {
	background-position: 100% 0
}

.default-tag a:hover {
	background-position: 100% -26px;
	color: #333
}

.default-tag a span {
	padding: 0 0 0 11px;
	background-position: 0 -59px
}

.default-tag a:hover span {
	background-position: 0 -96px
}

.default-tag a.selected {
	opacity: .6;
	filter: alpha(opacity=60)
}

.default-tag a.selected:hover {
	background-position: 100% 0;
	cursor: not-allowed
}

.default-tag a.selected:hover span {
	background-position: 0 -59px
}

.plus-tag {
	padding: 0 0 10px
}

.plus-tag a {
	background-position: 100% -26px
}

.plus-tag a em {
	display: block;
	margin: 5px 0 0 8px;
	width: 13px;
	height: 13px;
	overflow: hidden;
	background-position: -165px -99px;
	cursor: pointer
}

.plus-tag a:hover em {
	background-position: -168px -63px
}

.plus-tag-add li {
	height: 56px;
	position: relative
}

.plus-tag-add li .label {
	position: absolute;
	left: -110px;
	top: 7px;
	display: block
}

.plus-tag-add a {
	margin: 12px 0 0 20px;
	display: inline;
	font-size: 14px;
	background-position: -289px -59px;
	padding: 0 0 0 16px
}

.plus-tag-add a.plus {
	background-position: -289px -96px
}

.mui-bar {
	position: fixed;
	z-index: 10;
	right: 0;
	left: 0;
	height: 44px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 0;
	background-color: #f7f7f7;
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,.85);
	box-shadow: 0 0 1px rgba(0,0,0,.85);
	backface-visibility: hidden
}

.mui-bar-nav {
	top: 0;
	-webkit-box-shadow: 0 1px 6px #ccc;
	box-shadow: 0 1px 6px #ccc
}

.mui-bar .mui-title {
	right: 40px;
	left: 40px;
	display: inline-block;
	overflow: hidden;
	width: auto;
	margin: 0;
	text-overflow: ellipsis
}

.mui-title {
	font-size: 17px;
	font-weight: 500;
	line-height: 44px;
	position: absolute;
	display: block;
	width: 100%;
	margin: 0 -10px;
	padding: 0;
	text-align: center;
	white-space: nowrap;
	color: #000
}

.mui-title a {
	color: inherit
}

.edui-editor {
	width: 1000px!important;
	margin-left: auto;
	margin-right: auto
}

.edui-editor-iframeholder {
	width: 100%!important;
	height: 300px!important
}

.edui-editor-bottomContainer {
	display: none!important
}

// lightbox
#lightbox_mask {
      display: none;
      position: fixed;
      z-index: 999;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, .7);
    }
    #lightbox_popup {
      display: none;
      position: fixed;
      z-index: 1000;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
    }
    #lightbox_popup .pic-view {
      position: absolute;
      top: 5%;
      left: 5%;
      width: 90%;
      height: 90%;
      text-align: center;
    }
    #lightbox_popup .pic-view .pic {
      max-width: 100%;
      max-height: 100%;
      border: 5px solid #fff;
      border-radius: 3px;
    }
    #lightbox_popup .btn-view {}
    #lightbox_popup .btn-view .btn {
      position: absolute;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      font-size: 24px;
      text-decoration: none;
      border-radius: 32px;
      background-color: #000;
      opacity: .4;
      color: #fff;

      transition: all .3s;
    }
    #lightbox_popup .btn-view .btn:hover {
      opacity: 1;
      transform: scale(1.4);
    }
    #lightbox_popup .btn-view .btn-prev {
      left: 10px;
      top: 48%;
    }
    #lightbox_popup .btn-view .btn-next {
      right: 10px;
      top: 48%;
    }
    #lightbox_popup .btn-view .btn-close {
      right: 10px;
      top: 10px;
    }
    #lightbox_popup .caption-view {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 38px;
      background-color: rgba(0, 0, 0, .7);
      text-align: center;
    }
    #lightbox_popup .caption-view p {
      line-height: 38px;
      color: #fff;
    }

    .lightbox-pic {
      width: 200px;
    }
